<template>
  <div
    :class="[
      load_file_info_border,
      css_cursor_pointer,
      css_wind_light_hover,
      css_color_active_border_hover,
      css_content_padding,
    ]"
    :id="load_file_info_border"
  >
    <span
      :class="[load_file_info_icon, css_font_size_20, css_color_active]"
      :id="load_file_info_icon"
    >
      {{ placeholder_load_file_info }}
    </span>
    <div :class="[load_file_info_container]" :id="load_file_info_container">
      <file_uni_info></file_uni_info>
    </div>
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue';

import file_uni_info from './uni_comps/file_uni_info/file_uni_info.vue';

import './load_file_info.css';
import { init_load_file_info } from './load_file_info';
import {
  css_color_active,
  css_color_active_border_hover,
  css_content_padding,
  css_cursor_pointer,
  css_font_size_20,
  css_wind_light_hover,
} from '../../../../../global_comps/Css';
import {
  load_file_info_border,
  load_file_info_container,
  load_file_info_icon,
  placeholder_load_file_info,
} from './DataDefine/sourceData';

let cur_load_file_info_props = defineProps({});

onMounted(() => {
  init_load_file_info();
});
</script>
